<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>账单</title>
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="yes" name="apple-touch-fullscreen">
		<link href="css/css.css" rel="stylesheet">	
		<script src="js/resize.js"></script>
	</head>
	<body>
		<div class="wapbox">
			<script type="text/javascript">
				thissize();
			</script>
			<div class="f30 bill-box">
				<span class="balance">账号余额：800.00</span>
				<table border="0" cellspacing="0" cellpadding="0" width="100%" id="table1">
					<thead>
					 	<tr><th class="bill-month" colspan="3">本月</th></tr>
					</thead>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="verification"></i>
						</td>
						<td>
							<p class="data-box">100</p>
							<p>huasimom提现－审核中</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="pass"></i>
						</td>
						<td>
							<p class="data-box ee4c2bcolo">+100</p>
							<p>huasimom提现－审核通过</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="notpass"></i>
						</td>
						<td>
							<p class="data-box">100</p>
							<p>huasimom提现－审核失败</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="adv-income"></i>
						</td>
						<td class="adv-td">
							<a href="withdrawals_bill.html">
								<p class="data-box ee4c2bcolo">+100</p>
								<p>广告收入</p>
							</a>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="pic-income"></i>
						</td>
						<td>
							<p class="data-box ee4c2bcolo">+100</p>
							<p>照片收入</p>
						</td>
					</tr>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="100%" id="table2">
					<thead>
					 	<tr><th class="bill-month" colspan="3">10月</th></tr>
					</thead>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="verification"></i>
						</td>
						<td>
							<p class="data-box">100</p>
							<p>huasimom提现－审核中</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="pass"></i>
						</td>
						<td>
							<p class="data-box ee4c2bcolo">+100</p>
							<p>huasimom提现－审核通过</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="notpass"></i>
						</td>
						<td>
							<p class="data-box">100</p>
							<p>huasimom提现－审核失败</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="adv-income"></i>
						</td>
						<td class="adv-td">
							<a href="withdrawals_bill.html">
								<p class="data-box ee4c2bcolo">+100</p>
								<p>广告收入</p>
							</a>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="pic-income"></i>
						</td>
						<td>
							<p class="data-box ee4c2bcolo">+100</p>
							<p>照片收入</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="notpass"></i>
						</td>
						<td>
							<p class="data-box">100</p>
							<p>huasimom提现－审核失败</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="adv-income"></i>
						</td>
						<td class="adv-td">
							<a href="withdrawals_bill.html">
								<p class="data-box ee4c2bcolo">+100</p>
								<p>广告收入</p>
							</a>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="pic-income"></i>
						</td>
						<td>
							<p class="data-box ee4c2bcolo">+100</p>
							<p>照片收入</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="notpass"></i>
						</td>
						<td>
							<p class="data-box">100</p>
							<p>huasimom提现－审核失败</p>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="adv-income"></i>
						</td>
						<td class="adv-td">
							<a href="withdrawals_bill.html">
								<p class="data-box ee4c2bcolo">+100</p>
								<p>广告收入</p>
							</a>
						</td>
					</tr>
					<tr>
						<td class="bill-time">10.22</td>
						<td class="bill-state">
							<i class="pic-income"></i>
						</td>
						<td>
							<p class="data-box ee4c2bcolo">+100</p>
							<p>照片收入</p>
						</td>
					</tr>
				</table>
				<p class="f28" style="padding-top: .1rem;">下拉加载更多...</p>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script>
			(function(){
				 $(document).scroll(function(){
				    viewH =$(this).height();//可见高度
				    contentH =$(window).height();//内容高度
				    scrollTop =$(this).scrollTop();//滚动高度
				     
				    if(scrollTop/(viewH-contentH)==1){ //到达底部100px时,加载新内容
				    // 这里加载数据..
			    		$(".bill-box table:nth-last-of-type(1) ").append('<tr><td class="bill-time">10.22</td><td class="bill-state"><i class="pic-income"></i></td><td><p class="data-box ee4c2bcolo">+100</p><p>照片收入</p></td></tr>');
						
				    }
				 });
			})();
		</script>
	</body>
</html>
